<template>
  <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
    <q-card class="bg-blue text-white no-shadow" bordered>
      <q-card-section class="text-h6 q-pb-none">
        <q-item>
          <q-item-section avatar>
            <q-icon
              color="white"
              name="library_add_check"
              style="font-size: 2em"
            />
          </q-item-section>

          <q-item-section>
            <div class="text-h6">待办列表</div>
            <div class="text-subtitle2">所有待办</div>
          </q-item-section>
        </q-item>
      </q-card-section>
      <q-card-section class="">
        <BaseTodo></BaseTodo>
      </q-card-section>
    </q-card>
  </div>
</template>

<script setup lang="ts">
import { defineAsyncComponent } from 'vue';
const BaseTodo = defineAsyncComponent(() => import('components/BaseTodo.vue'));
</script>
